<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>postMessage8080-父窗口</title>
</head>

<body>
    <button onclick="opwin()">打开</button>
    <!--<script>
        function opwin() {
            //保留窗口对象
            var popup = window.open("http://localhost:8081/html_review_code/跨域/postMessage-test1.html", "title");
        }
        function receiveMessage(event) {
            //event.origin是指发送的消息源，一定要进行验证！！！
            if (event.origin !== "http://localhost:8081") return;
            //event.data是发送过来的消息。
            console.log(event.data);
            //event.source是指子窗口，主动向子窗口发送消息可以用popup
            //postMessage有两个参数，消息和自己的源(例如http://www.baidu.com)，自己的源应该和目标源相同。否则发送会失败。
            event.source.postMessage("我是主窗口，我接收到消息了", "http://localhost:8081/html_review_code/跨域/postMessage-test1.html");
        }
        //添加消息接收函数
        window.addEventListener("message", receiveMessage, false);
    </script>-->
    <script>
        function opwin() {
            var popup = window.open('http://localhost:8081/html_review_code/跨域/postMessage-test1.html', '_blank');
            setTimeout(function () {
                popup.postMessage('父', 'http://localhost:8081');
            }, 1000)
        }
        window.addEventListener('message', function (e) {
            console.log(e.data);
        }, false);
    </script>

</body>

</html>